<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
	<head>
		<base href="${pageContext.request.contextPath}/">
		<meta charset="utf-8">
		<title>QQ邮箱</title>
		<link href="css/bootstrap.min.css" rel="stylesheet" />
		<script src="js/jquery-3.2.1.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/yemian.js"></script>
		<link href="yemianCss/header.css" rel="stylesheet"/>
		<style>

		</style>
	</head>
	<body>
		<header>
			<a href="indexInfo" target="xianshi" class="indexInfo"><img src="image/邮箱logo.png"  class="emailLogo" height="65px"></a>
			<div class="topbg" style="height: 66px">
				<form>
					<a href="#" target="xianshi"><span class="glyphicon glyphicon-search" aria-hidden="true" style="color: white"></span></a><input type="text" class="form-control" id="inputSouSuo" placeholder="邮件搜索..."/>
				</form>
			</div>
			<div class="messageBox">
				<b id="useralias">${sessionScope.user.username}</b>
				<a><${sessionScope.user.mailboxNo}></a>
				<p class="addrtitle">
					<a href="indexInfo" target="xianshi">邮箱首页</a>&nbsp;|&nbsp;
					<a accesskey="o" href="#" target="mainFrame" id="frame_html_setting">设置</a>&nbsp;-&nbsp;
					<a id="changeSkin" href="#" target="mainFrame" initlized="true" md="0">换肤</a></p>
			</div>
		<div class="right">
			<span><a>反馈建议</a></span>
			<span class="addrtitle"> | </span>
			<span><a>帮助建议</a></span>
			<span class="addrtitle"> | </span>
			<span><a href="exitLogin">退出</a></span>
		</div>
		</header>
		<div class="topline_height" id="sepLineTd"><div class="topline"><div class="toplineimg left" id="imgLine"></div></div></div>
		<div id="body">
			<div id="body-1">
				<ul class="nav nav-pills nav-stacked">
					<li role="presentation" ><a href="" target="xianshi" style="font-weight: bold">写信</a></li>
				  <li role="presentation"><a href="" target="xianshi" style="font-weight: bold">收信</a></li>
					<li role="presentation"><a href="" target="xianshi" style="font-weight: bold">通讯录</a></li>
				</ul>
				<div id="body-2"></div>
				<ul class="nav nav-pills nav-stacked">
					<li role="presentation"><a href="receiptBox" target="xianshi" <c:if test="${receivingCount>0}">style="font-weight: bold"</c:if>>收件箱<span ><c:if test="${receivingCount>=1}">( ${receivingCount} )</c:if></span></a></li>
					<li role="presentation"><a href="#" target="xianshi" <c:if test="${markCount>0}">style="font-weight: bold"</c:if>>星标邮件<span ><c:if test="${markCount>=1}">( ${markCount} )</c:if></span></a></li>
					<li role="presentation"><a href="#" target="xianshi">草稿箱<span ><c:if test="${draftCount>=1}">( ${draftCount} )</c:if></span></a></li>
					<li role="presentation"><a href="#" target="xianshi" <c:if test="${faCount>0}">style="font-weight: bold"</c:if>>已发送 <span ><c:if test="${faCount>=1}">( ${faCount} )</c:if></span></a></li>
					<li role="presentation"><a href="#" target="xianshi" <c:if test="${shanCount>0}">style="font-weight: bold"</c:if> >已删除 <span ><c:if test="${shanCount>=1}">( ${shanCount} )</c:if></span></a></li>
					<li role="presentation"><a href="#" target="xianshi" <c:if test="${deleteCount>0}">style="font-weight: bold"</c:if>>垃圾箱<span><c:if test="${deleteCount>=1}">( ${deleteCount} )</c:if></span></a></li>

				</ul>
				<div id="body-3"></div>
			</div>

			<div>
				<iframe id="xianshi" name="xianshi" src="indexInfo" frameborder="0"></iframe>
			</div>
		</div>
	</body>
</html>
<script>
	$('.indexInfo').on('click',function (){
		$(".nav li").removeClass("active");
	})
</script>